<script setup lang="ts">
defineProps<{
  value?: string | number;
  disabled?: boolean;
}>();

const model = defineModel<string>({ default: "" });
const handleChange = ({ detail: { value } }) => {
  model.value = value.join(",");
};
</script>

<template>
  <checkbox-group @change="handleChange">
    <slot />
  </checkbox-group>
</template>
